<template>
    <div class="personal-profile-box-div-b1" :style="{height:fuserid?'calc(100vh - 90px)':'calc(100vh - 130px)'}">
        <div class="paper-box">
            <div style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;">
                <div style="display: flex;align-items: center;flex: 1;">
                    <!-- <span style="font-weight: 600;font-size: 16px;">信息完善程度</span>
                    <div style="width: 50%">
                        <a-progress :percent="80" strokeColor="#5ca3e5" />
                    </div> -->
                    
                </div>
                <div>
                    <a-button v-if="!fuserid" style="margin-right: 10px;" class="blue-btn" icon="edit" type="primary" @click="modifyFile">修改</a-button>
                    <a-button @click="toggleElement" class="blue-btn" icon="printer" type="primary" v-print="printObj">打印</a-button>
                </div>
                
            </div>
            <div id="prin-box" class="personal-content-box" style="position: relative;">
                <div class="personal-watermark"
                 style="
                 display: none;
                 position: absolute;
                 top: 50px;
                 left: 0;
                 width: 100%;
                 height: 100%;
                 z-index: 99;"></div>
                <div style="text-align: center;">
                    <h2 style="font-weight: 600;">审评专家个人档案</h2>
                </div>
                <div style="text-align: right;font-family:宋体 !important;">
                    证件编号：{{basicInfo.fjcyzsbh?basicInfo.fjcyzsbh:'无'}}
                </div>
                <div class="table-box-v">
                    <table class="subset-teble-box1" border style="border-color: #666;width: 100%;">
                        <tr style="border-top:1px solid #666">
                            <th>
                                <div class="td-text-jc-sp">
                                    <div>
                                        <span>姓</span>
                                        <span>名</span>
                                    </div>
                                    <span></span>
                                </div>
                            </th>
                            <td>{{basicInfo.realname?basicInfo.realname:'无'}}</td>
                            <th>
                                <div class="td-text-jc-sp">
                                    <div>
                                        <span>性</span>
                                        <span>别</span>
                                    </div>
                                    <span></span>
                                </div>
                            </th>
                            <td >{{basicInfo.sex?(basicInfo.sex== 1?'男':'女'):'无'}}</td>
                            <!-- 证件照 -->
                            <td :rowspan="4" style="width: 107px;text-align: center;">
                                <div style="display: flex;justify-content: center;">
                                    <div style="width: 130px;height: 164px;overflow: hidden;display: flex;align-items: center;justify-content: center;">
                                        <img v-if="photoInfo.photoLink" style="height: 100%;" :src="photoInfo.photoLink+'&'+Date.now()" alt='.'>
                                        <img v-else alt='.'>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>身份证号</th>
                            <td >{{basicInfo.fsfzh?basicInfo.fsfzh:'无'}}</td>
                            <th>
                                <div class="td-text-jc-sp">
                                    <div>
                                        <span>民</span>
                                        <span>族</span>
                                    </div>
                                    
                                </div>
                            </th>
                            <td>{{ basicInfo.fmz?basicInfo.fmz:'无'  }}</td>
                        </tr>
                        <tr>
                            <th>出生年月</th>
                            <td>{{basicInfo.birthday?basicInfo.birthday:'无'}}</td>

                            <th>政治面貌</th>
                            <td>{{basicInfo.fzzmm?basicInfo.fzzmm:'无'}}</td>
                        </tr>
                        <tr>
                            <th>手机号码/办公电话</th>
                            <td>{{basicInfo.phone?basicInfo.phone:'无'}}/{{ basicInfo.fdwdh?basicInfo.fdwdh:'无' }}</td>
                            <th>电子邮箱</th>
                            <td>{{ basicInfo.email?basicInfo.email:'无' }}</td>
                        </tr>
                        <tr>
                            <th>毕业院校及专业</th>
                            <!-- :colspan="2" -->
                            <td >{{basicInfo.fbyyx?basicInfo.fbyyx:'无'}}/{{basicInfo.fsxzy?basicInfo.fsxzy:'无'}}</td>

                            <th>
                                最高学位/学历
                                <!-- <div class="td-text-jc-sp">
                                    <div>
                                        <span>学</span>
                                        <span>历</span>
                                    </div>
                                    <span></span>
                                </div> -->
                            </th>
                            <td :colspan="2">
                                {{ basicInfo.fxw?basicInfo.fxw:'无' }}/{{basicInfo.fxl?basicInfo.fxl:'无'}}
                            </td>
                            <!-- <th>
                                <div class="td-text-jc-sp">
                                    <div>
                                        <span>学</span>
                                        <span>位</span>
                                    </div>
                                    <span></span>
                                </div>
                            </th>
                            <td>
                                {{basicInfo.fxw?basicInfo.fxw:'无'}}
                            </td> -->
                        </tr>
                        <tr>
                            <th>工作单位及部门</th>
                            <td :colspan="2">{{basicInfo.fgzdw?basicInfo.fgzdw:'无'}}/{{basicInfo.fgzdwbm?basicInfo.fgzdwbm:'无'}}</td>
                            <th>现从事分管工作</th>
                            <td>{{basicInfo.fcsgz?basicInfo.fcsgz:'无'}}</td>
                            
                        </tr>
                        <tr>
                            <th>工作单位地址</th>
                            <td :colspan="2">{{basicInfo.fgzdwdz?basicInfo.fgzdwdz:'无'}}</td>
                            <th>
                                <div class="td-text-jc-sp">
                                    <div>
                                        <!-- <span>职</span>
                                        <span>务</span> -->
                                        <span>邮</span>
                                        <span>编</span>
                                    </div>
                                    <span></span>
                                </div>
                            </th>
                            <td :colspan="3">
                                <!-- {{basicInfo.fzw?basicInfo.fzw:'无'}} -->
                                {{basicInfo.fdwyx?basicInfo.fdwyx:'无'}}
                            </td>
                        </tr>
                        <tr>
                            <th>开始从事相关工作时间</th>
                            <td :colspan="2">{{basicInfo.fcsjckssj?basicInfo.fcsjckssj:'无'}}</td>
                            <th>
                                技术职称
                                <!-- <div class="td-text-jc-sp">
                                    <div>
                                        <span>职</span>
                                        <span>级</span>
                                    </div>
                                    <span></span>
                                </div> -->
                            </th>
                            <td >
                                {{ basicInfo.fzc?basicInfo.fzc:'无' }}
                            </td>
                            
                        </tr>
                        <tr>
                            <th>研究生导师</th>
                            <td >{{basicInfo.fyjsds?basicInfo.fyjsds:'无'}}</td>
                            <th>
                                工作领域/业务特长
                                <!-- <div class="td-text-jc-sp">
                                    <div>
                                        <span>职</span>
                                        <span>级</span>
                                    </div>
                                    <span></span>
                                </div> -->
                            </th>
                            <td :colspan="2">
                                {{ basicInfo.fgzly?basicInfo.fgzly:'无' }}/
                                {{ basicInfo.fywtc?basicInfo.fywtc:'无' }}
                            </td>
                            
                        </tr>
                        <tr>
                            <th>审评员序列类型</th>
                            <td :colspan="4" class="length-td">
                                <div v-for="(item,index) in sequenceList" :key="index" v-if="sequenceList.length">
                                    <div v-if="item.sskLx">{{ item.ssk }}{{ item.sskLx }}</div>
                                </div>
                               <span v-if="!sequenceList.length">无</span>
                            </td>
                        </tr>
                        <tr>
                            <th>开户行所在地及卡号</th>
                            <td :colspan="4" class="length-td">
                                {{basicInfo.fkfh?basicInfo.fkfh:'无'}}/{{ basicInfo.fkhhszd?basicInfo.fkhhszd:'无' }}/{{basicInfo.fyhkh?basicInfo.fyhkh:'无'}}

                            </td>
                        </tr>
                        <tr>
                            <th>教育经历</th>
                            <td :colspan="4" class="length-td">
                                <div v-for="(item,index) in educationalExperienceList" :key="index" v-if="educationalExperienceList.length">
                                    <span>{{ item.fkssj?item.fkssj:'无' }}
                                        <span v-if="(item.fkssj && item.fjssj) || item.fjssj"><span v-if="(item.fkssj && item.fjssj) || item.fjssj">&nbsp;至&nbsp;</span></span>
                                        {{ item.fjssj }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fbyyx }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fzy }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fxl }}</span>
                                </div>
                                <span v-if="!educationalExperienceList.length">无</span>
                            </td>
                        </tr>
                        <tr>
                            <th>工作经历</th>
                            <td :colspan="4" class="length-td">
                                <div v-for="(item,index) in workExperienceList" :key="index" v-if="workExperienceList.length">
                                    <span>{{ item.fgzkssj?item.fgzkssj:'无' }}<span v-if="(item.fgzkssj && item.fgzjssj) || item.fgzjssj">&nbsp;至&nbsp;</span>{{ item.fgzjssj }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fgzdw }}&nbsp;{{ item.fcsgz }}</span>
                                </div>
                                <span v-if="!workExperienceList.length">无</span>
                            </td>
                        </tr>
                        <tr>
                            <th>培训经历</th>
                            <td :colspan="4" class="length-td">
                                <div v-for="(item,index) in trainingRecordsList" :key="index" v-if="trainingRecordsList.length">
                                    <span>{{ item.fpxkssj?item.fpxkssj:'无' }}<span v-if="(item.fpxkssj && item.fpxjssj) || item.fpxjssj">&nbsp;至&nbsp;</span>{{ item.fpxjssj }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fzzdw }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fpxmc }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fpxxs?item.fpxxs+'学时':'' }}</span>
                                </div>
                                <span v-if="!trainingRecordsList.length">无</span>
                            </td>
                        </tr>
                        <tr>
                            <th>奖惩情况</th>
                            <td :colspan="4" class="length-td">
                                <div v-for="(item,index) in cfqkqueryAllList" :key="index" v-if="cfqkqueryAllList.length">
                                    <span>{{ item.fpzsj }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fmc }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fpzjg }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fjcjb }}</span>
                                </div>
                                <span v-if="!cfqkqueryAllList.length">无</span>
                            </td>
                        </tr>
                        <tr>
                            <th>科研成果</th>
                            <td :colspan="4" class="length-td">
                                <div v-for="(item,index) in publishAnArticleList" :key="index" v-if="publishAnArticleList.length">
                                    <span>{{ item.ffbsj }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fwzlx }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fqkmc }} &nbsp;&nbsp;  {{ item.fwzmc }}</span>&nbsp;&nbsp;
                                    <span>{{ item.fwzjb }}</span>&nbsp;&nbsp;
                                </div>
                                <span v-if="!publishAnArticleList.length">无</span>
                            </td>
                        </tr>
                        <tr>
                            <th>审评记录</th>
                            <td :colspan="4" style="padding: 0;">
                                <table class="subset-teble-tow-v" border  style="border-color: #000;width: 100%;border-left: 1px solid #fff;">
                                    <tr>
                                        <th>审评时间</th>
                                        <th>审评企业</th>
                                        <th>审评身份</th>
                                        <th style="border-right: 1px solid #fff;">考评结果</th>
                                    </tr>
                                    <tr v-for="(item,index) in selectionRecordList" :key="index" v-if="selectionRecordList.length">
                                        <td :class="index == selectionRecordList.length-1?'borderBottom-b':''">
                                            <span style="display: flex;justify-content: center;align-items: center;">{{ item.fgzkssj?item.fgzkssj:'无' }} <span style="padding-left: 5px;display: inline-block;" v-if="(item.fgzkssj && item.fgzjssj) || item.fgzjssj">至&nbsp;</span></span>
                                            <span>{{ item.fgzjssj }}&nbsp;&nbsp;</span>
                                        </td>
                                        <td :class="index == selectionRecordList.length-1?'borderBottom-b':''">{{ item.fbjcqy }}</td>
                                        <td :class="index == selectionRecordList.length-1?'borderBottom-b':''">{{ item.fssk }}</td>
                                        <td :class="index == selectionRecordList.length-1?'borderBottom-b':''" style="border-right: 1px solid #fff;">{{ item.fzhpj }}</td>
                                    </tr>
                                    <tr v-if="!selectionRecordList.length">
                                        <td style="border-bottom: 1px solid #fff;border-right:1px solid #fff;" :colspan="4">无</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <th>考评记录</th>
                            <td :colspan="4" style="padding: 0;">
                                <table class="subset-teble-tow-v" border  style="border-color: #000;width: 100%;border-left: 1px solid #fff;">
                                    <tr>
                                        <th>年度</th>
                                        <th>派检次数</th>
                                        <th>审评次数</th>
                                        <th>出勤率</th>
                                        <th>继续教育时长</th>
                                        <th style="border-right: 1px solid #fff;">考评结果</th>
                                    </tr>
                                    <tr v-for="(item,index) in assessmentRecordsList" :key="index" v-if="assessmentRecordsList.length">
                                        <td :class="index == assessmentRecordsList.length-1?'borderBottom-b':''">{{ item.fyear }}</td>
                                        <td :class="index == assessmentRecordsList.length-1?'borderBottom-b':''">{{ item.fzxxpcs }}</td>
                                        <td :class="index == assessmentRecordsList.length-1?'borderBottom-b':''">{{ item.fcjjccs }}</td>
                                        <td :class="index == assessmentRecordsList.length-1?'borderBottom-b':''">{{ item.fcql }}</td>
                                        <td :class="index == assessmentRecordsList.length-1?'borderBottom-b':''">{{ item.fjysc }}</td>
                                        <td :class="index == assessmentRecordsList.length-1?'borderBottom-b':''" style="border-right: 1px solid #fff;">{{ item.fndzhkpjg }}</td>
                                    </tr>
                                    <tr v-if="!assessmentRecordsList.length">
                                        <td style="border-bottom: 1px solid #fff;border-right:1px solid #fff;" :colspan="6">无</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <th>获得专业技术资质情况</th>
                            <td :colspan="4" style="padding: 0;">
                                <table class="subset-teble-tow-v" border  style="border-color: #000;width: 100%;border-left: 1px solid #fff;">
                                    <tr>
                                        <th>资质名称</th>
                                        <th>颁发机构</th>
                                        <th>获得时间</th>
                                    </tr>
                                    <tr v-for="(item,index) in qualificationsList" :key="index" v-if="qualificationsList.length">
                                        <td :class="index == qualificationsList.length-1?'borderBottom-b':''">{{ item.fzzmc }}</td>
                                        <td :class="index == qualificationsList.length-1?'borderBottom-b':''">{{ item.fbfjg }}</td>
                                        <td :class="index == qualificationsList.length-1?'borderBottom-b':''">{{ item.fhdjs }}</td>
                                    </tr>
                                    <tr v-if="!qualificationsList.length">
                                        <td style="border-bottom: 1px solid #fff;border-right:1px solid #fff;" :colspan="6">无</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <th>参与科研项目情况</th>
                            <td :colspan="4" style="padding: 0;">
                                <table class="subset-teble-tow-v" border  style="border-color: #000;width: 100%;border-left: 1px solid #fff;">
                                    <tr>
                                        <th>项目名称</th>
                                        <th>牵头机构</th>
                                        <th>所属年度</th>
                                    </tr>
                                    <tr v-for="(item,index) in scientificResearchList" :key="index" v-if="scientificResearchList.length">
                                        <td :class="index == scientificResearchList.length-1?'borderBottom-b':''">{{ item.fxmmc }}</td>
                                        <td :class="index == scientificResearchList.length-1?'borderBottom-b':''">{{ item.fqtjg }}</td>
                                        <td :class="index == scientificResearchList.length-1?'borderBottom-b':''">{{ item.fssnd }}</td>
                                    </tr>
                                    <tr v-if="!scientificResearchList.length">
                                        <td style="border-bottom: 1px solid #fff;border-right:1px solid #fff;" :colspan="6">无</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <th>参加研发药品情况</th>
                            <td :colspan="4" style="padding: 0;">
                                <table class="subset-teble-tow-v" border  style="border-color: #000;width: 100%;border-left: 1px solid #fff;">
                                    <tr>
                                        <th>参与时间</th>
                                        <th>药品名称</th>
                                        <th>类别</th>
                                        <th>负责人或参与人</th>
                                    </tr>
                                    <tr v-for="(item,index) in developingDrugsList" :key="index" v-if="developingDrugsList.length">
                                        <td :class="index == developingDrugsList.length-1?'borderBottom-b':''">{{ item.fyfcysj }}</td>
                                        <td :class="index == developingDrugsList.length-1?'borderBottom-b':''">{{ item.fyfypmc }}</td>
                                        <td :class="index == developingDrugsList.length-1?'borderBottom-b':''">{{ item.fyflb }}</td>
                                        <td :class="index == developingDrugsList.length-1?'borderBottom-b':''">{{ item.fyffzr }}</td>
                                    </tr>
                                    <tr v-if="!developingDrugsList.length">
                                        <td style="border-bottom: 1px solid #fff;border-right:1px solid #fff;" :colspan="6">无</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <th>主要研究方向</th>
                            <td colspan="5">{{ basicInfo.fzyyjfx?basicInfo.fzyyjfx:'无' }}</td>
                        </tr>

                        <!-- <tr>
                            <th>银行卡号</th>
                            <td>{{basicInfo.fyhkh?basicInfo.fyhkh:'无'}}</td>
                            <th>
                                <div class="td-text-jc-sp">
                                    <div>
                                        <span>开</span>
                                        <span>户</span>
                                        <span>行</span>
                                    </div>
                                    <span></span>
                                </div>
                            </th>
                            <td>{{basicInfo.fkfh?basicInfo.fkfh:'无'}}</td>
                            <th>开户行所在地</th>
                            <td :colspan="3">{{ basicInfo.fkhhszd?basicInfo.fkhhszd:'无' }}</td>
                        </tr> -->
                    </table>
                    <!-- <table border style="border-color: #e4e3e3;width: 100%;">
                        <tr class="table-title-th" style="background: #cfd9fd !important;color: #fff !important;text-align: left;">
                            <th id="infon-box-v1" :colspan="2">个人基本信息</th>
                        </tr>
                        <tr>
                            <td :rowspan="2" style="padding: 0;">
                                <table class="subset-teble-box1" border style="border-color: #e4e3e3;width: 100%;border:none">
                                    <tr>
                                        <th>
                                            <div class="td-text-jc-sp">
                                                <div>
                                                    <span>姓</span>
                                                    <span>名</span>
                                                </div>
                                                <span></span>
                                            </div>
                                        </th>
                                        <td>{{basicInfo.realname?basicInfo.realname:'无'}}</td>
                                        <th>
                                            <div class="td-text-jc-sp">
                                                <div>
                                                    <span>民</span>
                                                    <span>族</span>
                                                </div>
                                                
                                            </div>
                                        </th>
                                        <td>{{ basicInfo.fmz?basicInfo.fmz:'无'  }}</td>
                                        <th>政治面貌</th>
                                        <td :colspan="3">{{basicInfo.fzzmm?basicInfo.fzzmm:'无'}}</td>
                                    </tr>
                                    <tr>
                                        <th>身份证号</th>
                                        <td >{{basicInfo.fsfzh?basicInfo.fsfzh:'无'}}</td>
                                        <th>
                                            <div class="td-text-jc-sp">
                                                <div>
                                                    <span>性</span>
                                                    <span>别</span>
                                                </div>
                                                <span></span>
                                            </div>
                                        </th>
                                        <td :colspan="5">{{basicInfo.sex?(basicInfo.sex== 1?'男':'女'):'无'}}</td>
                                    </tr>
                                    <tr>
                                        <th>手机号码</th>
                                        <td >{{basicInfo.phone?basicInfo.phone:'无'}}</td>
                                        <th>电子邮箱</th>
                                        <td :colspan="5">{{ basicInfo.email?basicInfo.email:'无' }}</td>
                                    </tr>
                                    <tr>
                                        <th>毕业院校</th>
                                        <td >{{basicInfo.fbyyx?basicInfo.fbyyx:'无'}}</td>
                                        <th>所学专业</th>
                                        <td>{{basicInfo.fsxzy?basicInfo.fsxzy:'无'}}</td>
                                        <th>
                                            <div class="td-text-jc-sp">
                                                <div>
                                                    <span>学</span>
                                                    <span>历</span>
                                                </div>
                                                <span></span>
                                            </div>
                                        </th>
                                        <td>
                                            {{basicInfo.fxl?basicInfo.fxl:'无'}}
                                        </td>
                                        <th>
                                            <div class="td-text-jc-sp">
                                                <div>
                                                    <span>学</span>
                                                    <span>位</span>
                                                </div>
                                                <span></span>
                                            </div>
                                        </th>
                                        <td>
                                            {{basicInfo.fxw?basicInfo.fxw:'无'}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>工作单位</th>
                                        <td >{{basicInfo.fgzdw?basicInfo.fgzdw:'无'}}</td>
                                        <th>机构部门</th>
                                        <td>{{basicInfo.fgzdwbm?basicInfo.fgzdwbm:'无'}}</td>
                                        <th>
                                            <div class="td-text-jc-sp">
                                                <div>
                                                    <span>职</span>
                                                    <span>务</span>
                                                </div>
                                                <span></span>
                                            </div>
                                        </th>
                                        <td :colspan="3" style="border-bottom: 1px solid #e4e3e3;">
                                            {{basicInfo.fzw?basicInfo.fzw:'无'}}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>
                                            <div class="td-text-jc-sp">
                                                <div>
                                                    <span>职</span>
                                                    <span>称</span>
                                                </div>
                                                <span></span>
                                            </div>
                                        </th>
                                        <td >
                                            {{ basicInfo.fzc?basicInfo.fzc:'无' }}
                                        </td>
                                        <th>从事工作</th>
                                        <td :colspan="5">{{basicInfo.fcsgz?basicInfo.fcsgz:'无'}}</td>
                                    </tr>
                                    <tr>
                                        <th>银行卡号</th>
                                        <td>{{basicInfo.fyhkh?basicInfo.fyhkh:'无'}}</td>
                                        <th>
                                            <div class="td-text-jc-sp">
                                                <div>
                                                    <span>开</span>
                                                    <span>户</span>
                                                    <span>行</span>
                                                </div>
                                                <span></span>
                                            </div>
                                        </th>
                                        <td>{{basicInfo.fkfh?basicInfo.fkfh:'无'}}</td>
                                        <th>开户行所在地</th>
                                        <td :colspan="3">{{ basicInfo.fkhhszd?basicInfo.fkhhszd:'无' }}</td>
                                    </tr>
                                </table>
                            </td>
                            <td  style="width: 107px;text-align: center;">
                                <div style="display: flex;justify-content: center;">
                                    <div style="width: 94.4px;height: 132.2px;border: 1px solid #e4e3e3;overflow: hidden;display: flex;align-items: center;justify-content: center;">
                                        <img v-if="photoInfo.photoLink" style="height: 100%;" :src="photoInfo.photoLink" alt='.'>
                                        <img v-else alt='.'>
                                        <a-empty style="font-size: 12px;"/>
                                    </div>
                                </div>
                            </td>
                            
                        </tr>
                        <tr>
                            <td >
                                <div style="width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;height: 40px;">
                                    <img v-if="photoInfo.signLink" style="height: 100%;" :src="photoInfo.signLink" alt='.'>
                                    <img v-else alt='.'>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <table border style="border-color: #e4e3e3;width: 100%;text-align: center;border-top: none;">
                        <tr class="table-title-th" style="background: #cfd9fd !important;color: #fff !important;text-align: left;border-top: none;">
                            <th id="infon-box-v2" :colspan="5">审评员序列类型</th>
                        </tr>
                        <tr>
                            <td :colspan="5">
                                <span style="font-weight: bold;color: rgba(0, 0, 0, 0.65);">证件编号: </span>
                                {{basicInfo.fjcyzsbh?basicInfo.fjcyzsbh:'无'}}
                            </td>
                            <th>变更记录</th>
                        </tr>
                        <tr>
                            <th>审评序列</th>
                            <th :colspan="2">审评类型</th>
                            <th>受聘时间</th>
                            <th>审评员身份</th>
                            <td :rowspan="sequenceList.length?sequenceList.length:2">
                                {{ sequenceList.length }}
                                <div v-for="(item,index) in identityChangeList" :key="index" v-if="identityChangeList.length">
                                    <p>{{ item.fbgsj }} &nbsp;&nbsp;&nbsp;&nbsp;{{ item.fbgyy }}</p>
                                </div>
                                <a-empty v-if="!identityChangeList.length" style="font-size: 12px;" />
                            </td>
                        </tr>
                        <tr v-for="(item,index) in sequenceList" :key="index" v-if="sequenceList.length && item.tIndex !== 0">
                            <td v-if="item.xllx" :rowspan="item.list.length">{{ item.xllx }}</td>
                            <td v-if="item.list" :colspan="2">{{ item.list[0].flx }}<span v-if="item.list[0].flx !== item.list[0].fjcyxl">{{ '（'+item.list[0].fjcyxl+'）' }}</span></td>
                            <td v-if="item.list">{{ item.list[0].fspsj }}</td>
                            <td v-if="item.list">{{ item.list[0].fssk }}</td>
                            <td v-if="item.fssk && item.tIndex">{{ item.flx }}<span v-if="item.flx !== item.fjcyxl">{{ '（'+item.fjcyxl+'）' }}</span></td>
                            <td v-if="item.fssk && item.tIndex" :colspan="2">{{ item.fspsj }}</td>
                            <td v-if="item.fssk && item.tIndex">{{ item.fssk }}</td>
                            <td v-if="item.xllx && !item.list.length" :colspan="4"></td>
                            
                        </tr>
                        <tr v-if="!sequenceList.length">
                            <td :colspan="5"><a-empty style="font-size: 12px;"/></td>
                        </tr>
                        <tr>
                            <th :colspan="5">变更记录</th>
                        </tr>
                        <tr>
                            <th>时间</th>
                            <th>事项</th>
                            <th>类别</th>
                            <th>变更前信息</th>
                            <th>变更后信息</th>
                        </tr>
                        <tr v-for="(item,index) in identityChangeList" :key="index" >
                            <td :colspan="5">
                                <p v-if="identityChangeList.length">{{ item.fbgsj }} &nbsp;&nbsp;&nbsp;&nbsp;{{ item.fbgyy }}</p>
                                <a-empty v-if="!identityChangeList.length" style="font-size: 12px;" />
                            </td>
                        </tr>
                        <tr v-if="!identityChangeList.length">
                            <td :colspan="5"><a-empty style="font-size: 12px;"/></td>
                        </tr>
                    </table>
                    <table border style="border-color: #e4e3e3;width: 100%;text-align: center;border-top: none;">
                        <tr class="table-title-th" style="background: #cfd9fd !important;color: #fff !important;text-align: left;border-top: none;">
                            <th id="infon-box-v3" :colspan="4">工作经历</th>
                        </tr>
                        <tr>
                            <th>时间</th>
                            <th>工作单位</th>
                            <th>职务</th>
                            <th>工作工位</th>
                        </tr>
                        <tr v-for="(item,index) in workExperienceList" :key="index" v-if="workExperienceList.length">
                            <td>{{ item.fgzkssj }}<span v-if="(item.fkssj && item.fjssj) || item.fjssj">&nbsp;至&nbsp;</span>{{ item.fgzjssj }}</td>
                            <td>{{ item.fgzdw }}</td>
                            <td>{{ item.fzw }}</td>
                            <td>{{ item.fcsgz }}</td>
                        </tr>
                        <tr v-if="!workExperienceList.length">
                            <td :colspan="4"><a-empty style="font-size: 12px;"/></td>
                        </tr>
                    </table>
                    <table border style="border-color: #e4e3e3;width: 100%;text-align: center;border-top: none;">
                        <tr class="table-title-th" style="background: #cfd9fd !important;color: #fff !important;text-align: left;border-top: none;">
                            <th id="infon-box-v4" :colspan="5">教育经历</th>
                        </tr>
                        <tr>
                            <th>时间</th>
                            <th>学校</th>
                            <th>所学专业</th>
                            <th>学历</th>
                        </tr>
                        <tr v-for="(item,index) in educationalExperienceList" :key="index" v-if="educationalExperienceList.length">
                            <td>{{ item.fkssj }}<span v-if="(item.fkssj && item.fjssj) || item.fjssj">&nbsp;至&nbsp;</span>{{ item.fjssj }}</td>
                            <td>{{ item.fbyyx }}</td>
                            <td>{{ item.fzy }}</td>
                            <td>{{ item.fxl }}</td>
                        </tr>
                        <tr v-if="!educationalExperienceList.length && !trainingRecordsList.length">
                            <td :colspan="5"><a-empty style="font-size: 12px;"/></td>
                        </tr>
                    </table>
                    <table border style="border-color: #e4e3e3;width: 100%;text-align: center;border-top: none;">
                        <tr class="table-title-th" style="background: #cfd9fd !important;color: #fff !important;text-align: left;border-top: none;">
                            <th id="infon-box-v4" :colspan="5">培训经历</th>
                        </tr>
                        <tr>
                            <th>时间</th>
                            <th>培训机构</th>
                            <th>培训内容</th>
                            <th>培训时长</th>
                        </tr>
                        <tr v-for="(item,index) in trainingRecordsList" :key="index" v-if="trainingRecordsList.length">
                            <td>{{ item.fpxkssj }}<span v-if="(item.fkssj && item.fjssj) || item.fjssj">&nbsp;至&nbsp;</span>{{ item.fpxjssj }}</td>
                            <td>{{ item.fzzdw }}</td>
                            <td>{{ item.fpxmc }}</td>
                            <td>{{ item.fpxxs }}</td>
                        </tr>
                        <tr v-if="!educationalExperienceList.length && !trainingRecordsList.length">
                            <td :colspan="5"><a-empty style="font-size: 12px;"/></td>
                        </tr>
                    </table>
                    <table border style="border-color: #e4e3e3;width: 100%;text-align: center;border-top: none;">
                        <tr class="table-title-th" style="background: #cfd9fd !important;color: #fff !important;text-align: left;border-top: none;">
                            <th id="infon-box-v5" :colspan="4">科研成果</th>
                        </tr>
                        <tr>
                            <th>时间</th>
                            <th>类别</th>
                            <th>相关内容</th>
                            <th>级别</th>
                        </tr>
                        <tr v-for="(item,index) in publishAnArticleList" :key="index" v-if="publishAnArticleList.length">
                            <td>{{ item.ffbsj }}</td>
                            <td>{{ item.fwzlx }}</td>
                            <td>{{ item.fqkmc }} &nbsp;&nbsp;&nbsp;&nbsp;  {{ item.fwzmc }}</td>
                            <td>{{ item.fwzjb }}</td>
                        </tr>
                        <tr v-if="!publishAnArticleList.length">
                            <td :colspan="2"><a-empty style="font-size: 12px;"/></td>
                        </tr>
                    </table>
                    <table border style="border-color: #e4e3e3;width: 100%;text-align: center;border-top: none;">
                        <tr class="table-title-th" style="background: #cfd9fd !important;color: #fff !important;text-align: left;border-top: none;">
                            <th id="infon-box-v5" :colspan="4">奖惩情况</th>
                        </tr>
                        <tr>
                            <th>批准时间</th>
                            <th>奖惩名称</th>
                            <th>批准机关</th>
                            <th>奖惩级别</th>
                        </tr>
                        <tr v-for="(item,index) in cfqkqueryAllList" :key="index" v-if="cfqkqueryAllList.length">
                            <td>{{ item.fpzsj }}</td>
                            <td>{{ item.fmc }}</td>
                            <td>{{ item.fpzjg }}</td>
                            <td>{{ item.fjcjb }}</td>
                        </tr>
                        <tr v-if="!cfqkqueryAllList.length">
                            <td :colspan="2"><a-empty style="font-size: 12px;"/></td>
                        </tr>
                    </table>
                    <table border style="border-color: #e4e3e3;width: 100%;text-align: center;border-top: none;">
                        <tr class="table-title-th" style="background: #cfd9fd !important;color: #fff !important;text-align: left;border-top: none;">
                            <th id="infon-box-v6" :colspan="6">选派记录</th>
                        </tr>
                        <tr>
                            <th>选派时间</th>
                            <th>审评企业</th>
                            <th>是否同意选派</th>
                            <th>审评时间</th>
                            <th>是否组长</th>
                            <th>考评结果</th>
                        </tr>
                        <tr v-for="(item,index) in selectionRecordList" :key="index" v-if="selectionRecordList.length">
                            <td>{{ item.fzpsj }}</td>
                            <td>{{ item.fbjcqy }}</td>
                            <td>{{ item.fsftyxp=='同意'?item.fsftyxp:item.fbtyyy }}</td>
                            <td>{{ item.fgzkssj }}<span v-if="(item.fkssj && item.fjssj) || item.fjssj">&nbsp;至&nbsp;</span>{{ item.fgzjssj }}</td>
                            <td>{{ item.fssk=='组长'?'是':'否' }}</td>
                            <td>{{ item.fkhlx }}{{'（'+item.fzhpj+'）'}}</td>
                        </tr>
                        <tr v-if="!selectionRecordList.length">
                            <td :colspan="6"><a-empty style="font-size: 12px;"/></td>
                        </tr>
                    </table>
                    <table border style="border-color: #e4e3e3;width: 100%;text-align: center;border-top: none;">
                        <tr class="table-title-th" style="background: #cfd9fd !important;color: #fff !important;text-align: left;border-top: none;">
                            <th id="infon-box-v7" :colspan="6">考评记录</th>
                        </tr>
                        <tr>
                            <th>年度{{ assessmentRecordsList.length }}</th>
                            <th>中心选派次数</th>
                            <th>实际审评次数</th>
                            <th>出勤率</th>
                            <th>继续教育时长</th>
                            <th>考评结果</th>
                        </tr>
                        <tr v-for="(item,index) in assessmentRecordsList" :key="index" v-if="assessmentRecordsList.length">
                            <td>{{ item.fyear }}</td>
                            <td>{{ item.fzxxpcs }}</td>
                            <td>{{ item.fcjjccs }}</td>
                            <td>{{ item.fcql }}</td>
                            <td>{{ item.fjysc }}</td>
                            <td>{{ item.fndzhkpjg }}</td>
                        </tr>
                        <tr v-if="!assessmentRecordsList.length">
                            <td :colspan="6"><a-empty style="font-size: 12px;"/></td>
                        </tr>
                    </table> -->
                </div>
            </div>
        </div>
         <!-- 定位 -->
        <!-- <div
         style="
         margin-left: 20px;
         margin-right: 10px;
         border: 1px solid #e4e3e3;
         width: 160px;
         display: flex;
         justify-content: center;
         position: fixed;
         top: 171px;
         right: 20px;"
         :style="{top:fuserid?77+'px':'171px'}"
        >
            <a-anchor >
                <a-anchor-link href="#infon-box-v1" title="个人基本信息" />
                <a-anchor-link href="#infon-box-v2" title="审评员序列类型" />
                <a-anchor-link href="#infon-box-v3" title="工作经历" />
                <a-anchor-link href="#infon-box-v4" title="教育经历" />
                <a-anchor-link href="#infon-box-v5" title="发表文章" />
                <a-anchor-link href="#infon-box-v6" title="选派记录" />
                <a-anchor-link href="#infon-box-v7" title="考评记录" />
            </a-anchor>
        </div> -->
        <edit ref="editRef" @modifiedSuccess="modifiedSuccess"/>
    </div>
</template>
<script>
import { 
    spcyMyInfoGetUserSignPhotoLink,
    spcyMyInfoqueryMyJbxx,
    spcyMyInfoQueryUserJcySf,
    spcyMyInfoGetGrxpjlList,
    spcyMyInfoGetGrNdkpList,
    userFbwzPageList,
    sysUserGzjlqueryPageList,
    sysUserJyjlqueryPageList,
    sysUserPxjlqueryPageList,
    spcyMyInfogetJcysfbgjl,
    zyzgkqgetZyjszzList,
    zyzgkqgetKyxmList,
    zyzgkqgetYjypqkList,
    sysUserJlcfqkqueryAllList,
 } from './service/index'
 import edit from './edit.vue'
 const initWatermark = () => {
    // 创建一个canvas
    const canvas = document.createElement('canvas');
    // 设置画布的宽高
    canvas.width = 500;
    canvas.height = 300;
    // 获取画笔
    const ctx = canvas.getContext('2d');
    // 水印，水印实际上就是将文字添加到画布上
    ctx.font = '16px Arial'; // 设置字体大小和字体
    // ctx.rotate(-30 * Math.PI / 180);// 设置文字旋转角度

    // 创建实体水印
    // ctx.fillStyle = 'rgba(0,0,0,.3)'; // 颜色
    // ctx.fillText('这是水印', canvas.width / 6, canvas.height / 2);// 设置显示文字和偏移量

    // 创建虚心水印
    // ctx.strokeStyle = 'rgba(0,0,0,.3)';
    // ctx?.strokeText('这是水印', canvas.width / 6, canvas.height / 2);

    // 渐变水印
    const gradient = ctx.createLinearGradient(0, 0, canvas.width, 0);
    gradient.addColorStop(0, 'red');
    gradient.addColorStop(0.5, 'yellow');
    gradient.addColorStop(1, 'green');
    ctx.fillStyle = 'rgba(0,0,0,.3)'; // 颜色
    ctx.fillText('xx壮族自治区食品药品审评查验中心', canvas.width/6, canvas.height/6);// 设置显示文字和偏移量

    // 将画布转成图片
    const img = canvas.toDataURL();
    const main = document.querySelector('.personal-watermark');
    main.style.backgroundImage = `url(${img})`;
};
export default {
    components:{
        edit,
    },
    props:{
        fuserid:{
            type:String,
            default:'',
            required:false,
        },
    },
    data(){
        return{
            randomId:'formModel'+new Date().getTime(),
            //照片，签名，证件
            photoInfo:{},
            //基本信息
            basicInfo:{},
            //审评员序列
            sequenceList:[],
            //选派记录
            selectionRecordList:[],
            //考评记录
            assessmentRecordsList:[],
            //工作经历
            workExperienceList:[],
            //教育经历
            educationalExperienceList:[],
            //培训
            trainingRecordsList:[],
            //审评员身份变更
            identityChangeList:[],
            publishAnArticleList:[],
            cfqkqueryAllList:[],
            qualificationsList:[],
            scientificResearchList:[],
            developingDrugsList:[],
            printObj:{
                id:"prin-box", //需要打印的id名称
                popTitle:"审评专家个人档案",//文档的名称
                // preview:true,//预览功能，不好用
                zIndex:'20002',
                beforeOpenCallback(vue){
                    //console.log('打印回调',vue)
                },
                openCallback (vue) {//打开之前
                    //console.log('打开之前',vue)
                },
                closeCallback (vue) {//关闭了打印工具
                    //console.log('关闭了打印工具')
                },
            },
        }
    },
    watch:{
        fuserid(newValue,oldValue){
            this.getData()
        },
    },
    mounted(){
        this.$nextTick(()=>{//表格所有标题样式
            this.getFormLabelStyle(this.randomId,0)
        })
        initWatermark()
        this.getData()
    },
    methods:{
        modifiedSuccess(){
            //console.log('我有刷新这个数据吗？')
            this.getData()
        },
        getData(){
            //照片
            spcyMyInfoGetUserSignPhotoLink({fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.photoInfo = res.result
                }else{
                    this.photoInfo = {}
                }
            })
            //基本信息
            spcyMyInfoqueryMyJbxx({fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.basicInfo = res.result && res.result.user?res.result.user:{}
                }else{
                    this.basicInfo = {}
                }
            })
            //审评员序列
            spcyMyInfoQueryUserJcySf({fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.sequenceList = res.result && res.result.lbList?res.result.lbList:[]
                    // sequenceList.forEach((item,index)=>{
                    //     this.sequenceList.push(item)
                    //     // this.dataList1.push({...trem,tIndex:tIndex})
                    //     item.list.forEach((trem,tIndex)=>{
                    //         let arr = this.sequenceList.map((i,t)=>{return i.flx == trem.flx?t:'0'})
                    //         //console.log('arr',arr)
                    //         let arr2 = arr.filter((a,b)=>a != '0')
                    //         //console.log('arr2',arr2)
                    //         if(!arr2.length){
                    //             this.sequenceList.push({...trem,fileLength:item.list.length,tIndex:tIndex})
                    //         }else{
                    //             this.sequenceList[arr2[0]] = {...this.sequenceList[arr2[0]],data1:item.data?[...item.data1,{...trem}]:[{...trem}]}
                    //         }
                            
                    //     })
                    // })
                    //console.log('审评员序列',this.sequenceList)
                }else{
                    this.sequenceList = []
                }
            })
            //选派记录
            spcyMyInfoGetGrxpjlList({fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.selectionRecordList = res.result.records?res.result.records:[]
                }else{
                    this.selectionRecordList = []
                }
            })
            //考评记录
            spcyMyInfoGetGrNdkpList({fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.assessmentRecordsList = res.result.records?res.result.records:[]
                }else{
                    this.assessmentRecordsList = []
                }
            })
            //发表文章
            userFbwzPageList({pageNo:1,pageSize:100000,fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.publishAnArticleList = res.result.records?res.result.records:[]
                }else{
                    this.publishAnArticleList = []
                }
            })
            //奖惩情况
            sysUserJlcfqkqueryAllList({pageNo:1,pageSize:100000,fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.cfqkqueryAllList = res.result.records?res.result.records:[]
                }else{
                    this.cfqkqueryAllList = []
                }
            })
            
            //工作经历
            sysUserGzjlqueryPageList({pageNo:1,pageSize:100000,fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.workExperienceList = res.result.records?res.result.records:[]
                }else{
                    this.workExperienceList = []
                }
            })
            //教育
            sysUserJyjlqueryPageList({pageNo:1,pageSize:100000,fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.educationalExperienceList = res.result.records
                }else{
                    this.educationalExperienceList = []
                }
            })
            //培训
            sysUserPxjlqueryPageList({pageNo:1,pageSize:100000,fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.trainingRecordsList = res.result.records
                }else{
                    this.trainingRecordsList = []
                }
            })
            //审评员身份变更
            spcyMyInfogetJcysfbgjl({fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.identityChangeList = res.result
                }else{
                    this.identityChangeList = []
                }
            })
            zyzgkqgetZyjszzList({pageNo:1,pageSize:100000,fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.qualificationsList = res.result.records
                }else{
                    this.qualificationsList = []
                }
            })
            zyzgkqgetKyxmList({pageNo:1,pageSize:100000,fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.scientificResearchList = res.result.records
                }else{
                    this.scientificResearchList = []
                }
            })
            zyzgkqgetYjypqkList({pageNo:1,pageSize:100000,fuserid:this.fuserid}).then(res=>{
                if(res.code == 200){
                    this.developingDrugsList = res.result.records
                }else{
                    this.developingDrugsList = []
                }
            })
        },
        modifyFile(){//修改档案
            this.$refs.editRef.getData({fuserid:this.fuserid,isOwn:true})
            this.$refs.editRef.visible = true
        },
        toggleElement(){

        },
        getFormLabelStyle(id,val){
            var parentElement = document.getElementById(id)//要不一样的id，避免不同组件加载到一样的
            var elements = parentElement.getElementsByClassName("ant-form-item");
            for (var i = 0; i < elements.length; i++) {
                let element = elements[i]
                if(element){
                    let itemLabel = elements[i].getElementsByClassName('ant-form-item-label')
                    if(itemLabel.length && itemLabel[0].getElementsByTagName('label').length){
                        //console.log(itemLabel[0].getElementsByTagName('label'))
                        itemLabel[0].getElementsByTagName('label')[0].style = 
                        'width:80px;display: flex;align-items: center;justify-content: flex-end;font-weight: 600;'
                    }
                }
            }
        },
        getCurrentAnchor() {
            return '#infon-box-v1';
        },
    }
}
</script>
<style lang="less">
.personal-profile-box-div-b1{
    display: flex;
    justify-content: flex-start;
    margin: 10px;
    height: calc(100vh - 90px);
    overflow-y: auto;
    .ant-empty-image{
        height: 60px !important;
    }
    canvas{
        border: 1px solid #000;
    }
    //右边
    .ant-anchor-ink:before{
        background-color: transparent !important;
    }

    //左边
    .ant-progress-bg{
        height: 16px !important;
    }
    .paper-box{
        // padding: 10px;
        // border: 1px solid #e4e3e3;
        
        
        // flex: 1;
        display: flex;
        flex-direction: column;
        // margin: 0 180px;
        width: 794px;
        
    }
    .personal-content-box{
        padding: 10px;
        position: relative;
        .personal-watermark{
            position: absolute;
            top: 50px;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99;
        }
        .blue-btn{
            // display: none;
        }
        .table-box-v{
            margin-top: 10px;
            .table-title-th{
                text-align: left !important;
                background: #cfd9fd !important;
                color: #fff !important;
            }
            td,th{
                padding: 3px;
            }
            .subset-teble-box1{
                th,td{
                    padding: 5px 0;
                }
                td{
                    text-align: center;
                    color: #333;
                    padding:5px 10px;
                    font-family:宋体 !important;
                }
                .length-td{
                    padding: 5px 10px;
                    text-align: left;
                }
                th{
                    background-color: #f0f5ff;
                    width: 125px;
                    padding: 5px 8px;
                    text-align: center;
                    font-family:宋体 !important;
                    .td-text-jc-sp{
                        display: flex;
                        justify-content: center;
                    }
                    .td-text-jc-sp:nth-child(1) div{
                        // flex: 1;
                        width: 54px;
                        display: flex;
                        justify-content: space-between;
                    }
                }
            }
            .subset-teble-tow-v tr:nth-child(1){
                border-top: none;
            }
            .subset-teble-tow-v tr:last-child th,td{
                border-bottom: none;
            }
            .subset-teble-tow-v tr th:nth-child(1){
                border-left: none;
            }
            .subset-teble-tow-v tr td:last-child{
                border-right: none;
            }
            .borderBottom-b{
                border-bottom: 1px solid #fff;
            }
        }
    }

}
@media print{
    .ant-progress-bg{
        height: 16px !important;
    }
    .personal-content-box{
        position: relative;
        .personal-watermark{
            position: absolute;
            top: 50px;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99;
        }
        .blue-btn{
            display: none;
        }
        .table-box-v{
            margin-top: 10px;
            .table-title-th{
                text-align: left !important;
                background: #cfd9fd !important;
                color: #fff !important;
            }
            td,th{
                padding: 3px;
            }
            .subset-teble-box1{
                th,td{
                    padding: 5px 0;
                }
                td{
                    text-align: center;
                    color: #333;
                    padding:5px 10px;
                }
                .length-td{
                    padding: 5px 10px;
                    text-align: left;
                }
                th{
                    background-color: #f0f5ff;
                    width: 125px;
                    padding: 5px 8px;
                    text-align: center;
                    .td-text-jc-sp{
                        display: flex;
                        justify-content: center;
                    }
                    .td-text-jc-sp:nth-child(1) div{
                        // flex: 1;
                        width: 54px;
                        display: flex;
                        justify-content: space-between;
                    }
                }
            }
            .subset-teble-tow-v tr:nth-child(1){
                border-top: none;
            }
            .subset-teble-tow-v tr:last-child th,td{
                border-bottom: none;
            }
            .subset-teble-tow-v tr th:nth-child(1){
                border-left: none;
            }
            .subset-teble-tow-v tr td:last-child{
                border-right: none;
            }
            .borderBottom-b{
                border-bottom: 1px solid #fff;
            }
        }
        .subset-teble-tow-v tr:nth-child(1){
            border-top: none ;
        }
        .subset-teble-tow-v tr:last-child th,td{
            border-bottom: none;
        }
        .subset-teble-tow-v tr th:nth-child(1){
            border-left: none;
        }
        .subset-teble-tow-v tr td:last-child{
            border-right: none;
        }
        .borderBottom-b{
            border-bottom: 1px solid #fff;
        }
    }
}
</style>